<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" ,user-scalable="no" ,maximum-scale="1.0"
        ,minimum-scale="1.0" />
    <link rel="stylesheet" href="css/初始化样式.css">
    <link rel="stylesheet" href="css/index.css">
    <title>Document</title>
</head>

<body>
    <!-- head部分 -->
    <div class="head">
        <a href="#" class="classify"></a>
        <div class="search">
            <form action="">
                <i></i>
                <input type="search" placeholder="疯抢99减50神券">
            </form>
        </div>
        <a href="#" class="login">
            <img src="upload/login.png" alt="">
        </a>
    </div>
    <div class="head-fill"></div>

    <!-- holiday活动部分 -->
    <div class="holiday">
        <a href="">
            <img src="images/hld-1.webp" alt="">
        </a>
        <a href="">
            <img src="images/hld-2.webp" alt="">
        </a>
    </div>

    <!-- nav-items部分 -->
    <div class="nav-items">
        <ul>
            <li>
                <a href="">
                    <img src="upload/nav-items-1.png" alt="">
                    <span>苏宁秒杀</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-2.png" alt="">
                    <span>苏宁超市</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-3.png" alt="">
                    <span>苏宁拼购</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-4.png" alt="">
                    <span>手机数码</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-5.png" alt="">
                    <span>苏宁家电</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-6.png" alt="">
                    <span>免费水果</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-7.png" alt="">
                    <span>赚钱消消乐</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-8.png" alt="">
                    <span>签到有礼</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-9.png" alt="">
                    <span>领券中心</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/nav-items-10.png" alt="">
                    <span>更多频道</span>
                </a>
            </li>
        </ul>
    </div>

    <!-- advertising广告部分 -->
    <div class="nav-ad">
        <div>
            <a href="">
                <img src="images/ad-1.gif" alt="">

            </a>
        </div>
        <div>
            <a href="">
                <img src="images/ad-2.gif" alt="">
            </a>
        </div>
        <div>
            <a href="">
                <img src="images/ad-3.gif" alt="">
            </a>
        </div>
    </div>

    <!-- active活动部分 -->
    <div class="nav-act-head">
        <div class="nav-lp">
            <a href="">
                <p class="title">天天低价</p>
            </a>
            <a href="">
                <p class="desc">人气好货限时抢</p>
            </a>
            <ul>
                <li>
                    <a href="">
                        <img src="images/nav-lp1.jpg" alt="">
                        <p>
                            <span>¥</span><span class="price">1</span><span>.1</span>
                        </p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/nav-lp2.jpg" alt="">
                        <p>
                            <span>¥</span><span class="price">3</span><span>.3</span>
                        </p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="sn-ms">
            <a href="">
                <p class="title">苏宁秒杀</p>
            </a>
            <a href="">
                <p class="desc">品质好货天天秒</p>
            </a>
            <ul>
                <li>
                    <a href="">
                        <img src="images/nav-ms1.jpg" alt="">
                        <p>
                            三元
                        </p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/nav-ms2.jpg" alt="">
                        <p>
                            汇尔康(HR)
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 百亿补贴 苏宁拼购 -->
    <div class="nav-act-content">
        <div class="nav-bt">
            <a href="">
                <p class="title">百亿补贴</p>
            </a>
            <a href="">
                <p class="desc">大牌补贴天天有</p>
            </a>
            <ul>
                <li>
                    <a href="">
                        <img src="images/nav-bt1.webp" alt="">
                        <p>
                            补贴价759
                        </p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/nav-bt2.webp" alt="">
                        <p>
                            补贴价1399
                        </p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="nav-pg">
            <a href="">
                <p class="title">苏宁拼购</p>
            </a>
            <a href="">
                <p class="desc">2人拼更实惠 全场包邮</p>
            </a>
            <ul>
                <li>
                    <a href="">
                        <img src="images/nav-pg1.jpg" alt="">
                        <p>
                            2人拼57
                        </p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/nav-pg2.jpg" alt="">
                        <p>
                            2人拼9.9
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- recommend推荐部分 -->
    <div class="recom">
        <div class="lefttitle">
            <a href="">
                <p class="col1">为您推荐</p>
                <p class="col2">精选频道</p>
            </a>
        </div>
        <a href="">
            <img src="images/recom-1.webp" alt="">
            <p>苏宁国际</p>
        </a>
        <a href="">
            <img src="images/recom-2.png" alt="">
            <p>苏宁Outlets</p>
        </a>
        <a href="">
            <img src="images/recom-3.png" alt="">
            <p>新品首发</p>
        </a>
        <a href="">
            <img src="images/recom-4.png" alt="">
            <p>0元试用</p>
        </a>
    </div>

    <!-- 推荐榜单部分 -->
    <div class="recom-list">
        <!-- 推荐榜单标题部分 -->
        <a href="#" class="recom-list-title">
            <img src="upload/recom-list.png" alt="">
        </a>
        <!-- 推荐榜单内容模块 -->
        <div class="recom-list-content">
            <!-- 第一个板块 -->
            <ul class="first-row">
                <li>
                    <a href="">
                        <img src="images/recom-list-icon1.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/recom-list-icon2.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/recom-list-icon3.png" alt="">
                    </a>
                </li>
            </ul>
            <!-- 第二个板块 -->
            <div class="second-row">
                <div class="second-row-items">
                    <a href="">
                        <div class="first-text">
                            <span>时尚保鲜冰箱榜</span>
                            <span>趋势榜</span>
                        </div>
                        <p>本周趋势上升74%</p>
                        <div class="sc-icons">
                            <img src="images/second-items-icon1.webp" alt="">
                            <img src="images/second-items-icon2.webp" alt="">
                        </div>
                    </a>
                </div>
                <div class="second-row-items">
                    <a href="">
                        <div class="first-text">
                            <span>时尚保鲜冰箱榜</span>
                            <span>趋势榜</span>
                        </div>
                        <p>本周趋势上升74%</p>
                        <div class="sc-icons">
                            <img src="images/second-items-icon3.webp" alt="">
                            <img src="images/second-items-icon4.webp" alt="">
                        </div>
                    </a>
                </div>
                <div class="second-row-items">
                    <a href="">
                        <div class="first-text">
                            <span>时尚保鲜冰箱榜</span>
                            <span>趋势榜</span>
                        </div>
                        <p>本周趋势上升74%</p>
                        <div class="sc-icons">
                            <img src="images/second-items-icon5.webp" alt="">
                            <img src="images/second-items-icon6.webp" alt="">
                        </div>
                    </a>
                </div>
                <div class="second-row-items">
                    <a href="">
                        <div class="first-text">
                            <span>时尚保鲜冰箱榜</span>
                            <span>趋势榜</span>
                        </div>
                        <p>本周趋势上升74%</p>
                        <div class="sc-icons">
                            <img src="images/second-items-icon7.webp" alt="">
                            <img src="images/second-items-icon8.webp" alt="">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- foot部分 -->
    <div class="foot">
        <ul>
            <li>
                <a href="">
                    <img src="upload/foot-icon1.png" alt="">
                    <span class="guess">猜你喜欢</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/foot-icon2.png" alt="">
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/foot-icon3.png" alt="">
                    <span>排行榜</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/foot-icon4.png" alt="">
                    <span>购物车</span>
                </a>
            </li>
            <li>
                <a href="">
                    <img src="upload/foot-icon5.png" alt="">
                    <span>我的易购</span>
                </a>
            </li>
        </ul>
    </div>
</body>

</html>